<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../../base/plugins/font-awesome/css/font-awesome.css">
	</head>
	<body>
		<!--
	作者：肖遥
	时间：2018-09-22
	描述：login
-->
	<div>
		<form class="layui-form" action="">
			
			  
  	  <div class="layui-form-item">
    <label class="layui-form-label">头像</label>
    <div class="layui-input-block">
      <i class="fa fa-user-circle fa-4x" aria-hidden="true"></i>
    </div>
  </div>
			
			   <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <div class="layui-input-block">
      <input type="file" name="title" required  lay-verify="required|username" placeholder="浏览的" autocomplete="off" class="layui-input">
    </div>
	</div>
	
  <div class="layui-form-item">
    <label class="layui-form-label">账号：</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required|username" placeholder="请输入账号" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">密码框</label>
    <div class="layui-input-block">
      <input type="password" name="password" required lay-verify="required|password" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
  </div>
  
   <div class="layui-form-item">
    <label class="layui-form-label">手机</label>
    <div class="layui-input-block">
      <input type="password" name="password" required lay-verify="required|password" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
    </div>
  </div>
  
   <div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
    	 <input type="radio" name="sex" value="保密" title="保密" checked="checked">
      <input type="radio" name="sex" value="男" title="男">
      <input type="radio" name="sex" value="女" title="女" >
    </div>
  </div>
  
    <div class="layui-form-item">
    <label class="layui-form-label">出生日期：</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required|place" placeholder="请输入账号" autocomplete="off" class="layui-input">
    </div>
  </div>
  
<div>
	<div class="layui-form-item">
    <label class="layui-form-label">所属角色：</label>
<input type="checkbox" name="" title="eee" >
<input type="checkbox" name="" title="只读角色" >
<input type="checkbox" name="" title="张三专用" >
<input type="checkbox" name="" title="操作日志" >
<input type="checkbox" name="" title="用户信息新增员" >
<input type="checkbox" name="" title="用户管理" >
<input type="checkbox" name="" title="登录日记" >
<input type="checkbox" name="" title="管理员" >
<input type="checkbox" name="" title="系统模块管理员" >
<input type="checkbox" name="" title="角色管理" >
</div>
</div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">备注</label>
    <div class="layui-input-block">
      <textarea name="desc" placeholder="请输入备注" class="layui-textarea"></textarea>
	</div>
	</div>
	
	  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label"></label>
		<button class="layui-btn">提交</button>
		<button class="layui-btn layui-btn-primary"">重置</button>
		<button class="layui-btn layui-btn-danger">关闭</button>
	</div>
	
</div>
		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../base/plugins/layui/layui.js"</script>
			<script "text/jscript">
			layui.use('form', function() { 
				var form = layui.form;  

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
				return false;
				});
			});
		</script>

	</body>
</html>
